<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登陆</title>
		<style>
			body{
				background-color: #9966CC;
			}
			.InitialPage{
				width: 430px;
				height:360px;
				background-color: white;
				margin: 0 auto;
				margin-top:110px;
				padding-top:20px;
				text-align: center;
			}
			.loginInput{
				width: 226px;
				height: 25px;
				border-radius: 5px;
				border:1px solid darkgray;
				margin-bottom: 10px;
				padding-left:30px;
				background-color: transparent;
				margin-left:100px;
			}
			.loginBtn{
				width: 253px;
				height: 35px;
				background-color: #FF6B4D;
				color:white;
				font-size: 20px;
				border-radius: 5px;
				border:none;
			}
			.thirdLogin{
				margin-top:10px;
				margin-bottom: 5px;
			}
			.logpic{
				width: 35px;
				height: 35px;
				margin-left: 10px;
			}
		</style>
	</head>
	<body>
		<div class="InitialPage"><!-- 顶级套娃：div中再来div -->
			<div style="text-align: center;">
				<img src="img/tyustlogo.png" width="150px"/>
			</div>
			<h4>毕业实习教务系统</h4>
			<div>
				<img src="img/user.png"><input class="loginInput" type="text" placeholder="请输入用户名">
				<br>
				<img src="img/password.png"><input class="loginInput" placeholder="密码" type="password"/>
				<br>
				<input class="loginBtn" type="submit" value="登录"><!-- 提交表单 -->
			</div>
			<!-- 这个div放第三方登录 -->
			<div class="thirdLogin">
				<img class="logpic" src="img/qq.png">
				<img class="logpic" src="img/weixin.png"/>
				<img class="logpic" src="img/weibo.png">
			</div>
			<div style="font-size:12px;line-height: 20px;">
				技术支持：太原科技大学智能专业
				<br>
				开发者:mpx
			</div>
		</div>
	</body>
</html>